<!--流水线统计-->
<template>
  <div>
    <!--  // 使用树形穿梭框组件-->
    <tree-transfer
      :from_data='fromData'
      :to_data='toData'
      :defaultProps="{label:'spName'}"
      @add-btn='add' @remove-btn='remove'
      :mode='mode' height='540px'
      filter openAll>
    </tree-transfer>
  </div>

</template>

<script>
import treeTransfer from 'el-tree-transfer' // 引入

export default {
  name: "lsxtjConfig",
  inject: ['reload'],
  data() {
    return {
      mode: "transfer", //模式切换 transfer addressList
      fromData: [],//左边数据
      toData: []//右边数据
    }
  },
  methods: {
    // 切换模式 现有树形穿梭框模式transfer 和通讯录模式addressList
    changeMode() {
      if (this.mode == "transfer") {
        this.mode = "addressList";
      } else {
        this.mode = "transfer";
      }
    },
    // 监听穿梭框组件添加
    add(fromData, toData, obj) {
      // 树形穿梭框模式transfer时，返回参数为左侧树移动后数据、右侧树移动后数据、移动的{keys,nodes,halfKeys,halfNodes}对象
      // 通讯录模式addressList时，返回参数为右侧收件人列表、右侧抄送人列表、右侧密送人列表
      for (let i = 0; i < obj.nodes.length; i++) {
        //打印检查
        // console.log("obj修改前的:", obj.nodes[i].spChoose);
        obj.nodes[i].spChoose=1;
        //打印检查
        // console.log("obj修改后的:", obj.nodes[i].spChoose);
        this.$axios
          .put("spupd", obj.nodes[i]) //jpa接口
      }
      this.reload()
    },
    // 监听穿梭框组件移除
    remove(fromData, toData, obj) {
      // 树形穿梭框模式transfer时，返回参数为左侧树移动后数据、右侧树移动后数据、移动的{keys,nodes,halfKeys,halfNodes}对象
      // 通讯录模式addressList时，返回参数为右侧收件人列表、右侧抄送人列表、右侧密送人列表

      for (let i = 0; i < obj.nodes.length; i++) {
        obj.nodes[i].spChoose=0;
        this.$axios
        .put("spupd", obj.nodes[i]) //jpa接口
      }
      this.reload()
    }
  },
  components: {treeTransfer}, // 注册
  created() {
    const _this = this;

    //以choose为0的数据
    this.$axios
      .get("findBySpChoose/1/10?spChoose=0")
      .then(function (resp) {
        //覆盖假数据
        _this.fromData = resp.data.content;
      });
    //以choose为1的数据
    this.$axios
      .get("findBySpChoose/1/10?spChoose=1")
      .then(function (resp) {
        //覆盖假数据
        _this.toData = resp.data.content;
      });
  },
}

</script>

<style>
.el-transfer-panel {
  width: 30%;
  height: 40vh;
  margin: 0 5% 0 5%;
}

.el-transfer-panel__list {
  height: 40vh;
}

.el-transfer {
  width: 100%;
  height: 40vh;

}

</style>
<style scoped>
.SelectFile {
  width: 100%;
  height: 100%;
}
</style>
